<template>
  <div class="mine">
    <div class="login">
      <span class="iconfont icon-elemo1" id="s1"></span>
     <h2 class="text1">登陆/注册</h2>
      <!-- <span class="iconfont icon-shouji" id="s2"></span> -->
      <!-- <h3 class="iconfont icon-shouji" id="s2"></h3> -->
    <h3 class="text2">登录后享受更多特权</h3>
      <button class="iconfont icon-return" id="btn"></button>
    </div>

    <div class="money"></div>

    <div class="dizhi">
      <span class="iconfont icon-dizhi" ></span>
      <span class="text3">我的地址</span>
    </div>

    <div class="jinbi">
       <span class="iconfont icon-shangjia"></span>
      <span>金币商城</span>
    </div>

    <div class="fenxinag">
       <span class="iconfont icon-liwu"></span>
      <span>分享拿10元现金</span>
    </div>

    <div class="kefu">
       <span class="iconfont icon-kefu"></span>
      <span>我的客服</span>
    </div>

    <div class="xiazai">
       <span class="iconfont icon-elemo1"></span>
      <span>下载饿了么APP</span>
    </div>
  </div>
</template>
<script>
export default {
  name: "Mine"
};
</script>
<style lang="less" scoped>
.mine {
  width: 100%;
  height: 100%;

  .login {
    width: 100%;
    height: 15%;
    background: red;
    text-align: center;
    #s1{
      margin-top: 20px;
     font-size: 100px;
     border: 1px solid blue;
     border-radius: 50%;
     display: inline-block;
     float: left;
     margin-left: 0.3rem;
      
    }
    #s2{
      font-size: 50px;
      
    }
    
    .text1{
      margin-top: 25px;
      display: inline-block;
    }
    .text1, .text2{
      margin-right: 2.5rem;
    }
    .text2{
      display: inline-block;
    }
    #btn{
      margin-top: 20px;
    }
  }
  

 
  .dizhi {
    width: 100%;
    height: 5%;
    background: yellow;
    font-size: 30px;
    #s3{
     font-size: 30px;
     margin-left: 0.5rem;
     color: rgba(74,165,240,1);
    }
    .text3{
      margin-left: 0.2rem;
    }

  }

  .jinbi {
    width: 100%;
    height: 5%;
    background: yellow;
    font-size: 30px;
    #s3{
     font-size: 30px;
     margin-left: 0.5rem;
     color: rgba(74,165,240,1);
    }
    .text3{
      margin-left: 0.2rem;
    }

  }
  // .jinbi {
  // }
  // .fenxinag {
  // }
  // .kefu {
  // }
  // .xiazai {
  // }
}
</style>
